<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>

</head>

<body>
    <script>
        /*  $(async function () {
             $.ajax({
                 url: './data/1.json',
                 success(res) {
                     console.log(res)
                 }
             })

             $.ajax({
                 url: './data/1.json'
             }).then(res => console.log(res))

             let res = await $.ajax({ url: './data/1.json' })
             console.log(res)

             let res1 = await fetch('./data/1.json').then(res => res.json())
             console.log(res1)
         }) */

        /*     $(async function () {
    
                $.ajax({ url: './data/1.json' }).then(res => console.log(res))
    
                let res = await $.ajax({ url: "./data/1.json" })
                console.log(res)
    
                let res1 = await fetch("./data/1.json").then(res1 => res1.json())
                console.log(res)
            }) */
/* 
        $(async function () {
            $.ajax({ url: './data/1.json' }).then(res => console.log(res))
            let res = await $.ajax({ url: './data/1.json' })
            console.log(res)

            let res1 = await fetch('./data/1.json').then(res => res.json())
            console.log(res1)
        }) */



    </script>
</body>

</html>